// 设置流式布局得居中样式
@mixin flex-center($direction: row){
  display: flex;
  flex-direction: $direction;
  justify-content: center;
  align-items: center;
}

// 设置流式布局space-between
@mixin flex-between($direction: row) {
  display: flex;
  flex-direction: $direction;
  justify-content: space-between;
  align-items: center;
}

// 设置绝对布局得居中样式
@mixin absolute-center() {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}